@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

body { background-color: #e9e9e9; font-family: 'Segoe UI', sans-serif; }
#barra-top { height: 7px; background: #b5261e; }

.card-cripeso {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 18px rgba(0,0,0,.09);
    border-top: 6px solid #b5261e;
    padding: 24px 20px;
    margin-bottom: 22px;
    animation: fadeUp .45s ease both;
}
@media(min-width:768px){ .card-cripeso { padding: 36px 42px; } }
@media(min-width:992px){ .card-cripeso { padding: 44px 56px; } }
.card-cripeso:nth-child(2){ animation-delay:.1s; }
@keyframes fadeUp {
    from{opacity:0;transform:translateY(16px);}
    to{opacity:1;transform:translateY(0);}
}

.pres-foto {
    width:120px;height:120px;
    border-radius:50%;object-fit:cover;
    border:5px solid #b5261e;
}
@media(min-width:768px){ .pres-foto{width:150px;height:150px;} }
@media(min-width:992px){ .pres-foto{width:180px;height:180px;} }

.pres-nombre {
    font-family: 'Oswald', sans-serif;
    font-size:1.5rem;font-weight:900;
    color:#b5261e;line-height:1.15;
}
@media(min-width:768px){ .pres-nombre{font-size:1.9rem;} }
@media(min-width:992px){ .pres-nombre{font-size:2.4rem;} }

.logo-partido{
    width:52px;height:52px;
    border-radius:50%;object-fit:cover;border:2px solid #eee;
}
.edicion-badge{
    font-size:1rem;font-weight:800;
    color:#2c5e97;line-height:1.4;text-align:right;
}
.edicion-badge span{font-size:1.25rem;font-weight:900;display:block;color:#2c5e97;}

.met-label{
    font-size:1.05rem;font-weight:700;
    color:#555;line-height:1.4;margin-bottom:6px;
}
.met-valor{ font-size:2.8rem;font-weight:900;line-height:1; }
@media(min-width:992px){ .met-valor{font-size:3.6rem;} }

.met-verde    {color:#91be33;}
.met-amarillo {color:#f59e0b;}
.met-rojo     {color:#ef4444;}

.met-diff{
    font-size:2.2rem;font-weight:900;line-height:1;
    display:flex;align-items:center;gap:6px;
}
@media(min-width:992px){ .met-diff{font-size:3rem;} }
.flecha-up  {color:#91be33;}
.flecha-down{color:#ef4444;}
.flecha-eq  {color:#aaa;font-size:1.3rem;}

/* ── CARD 1 LAYOUT NUEVO ── */
.card1-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}
.card1-foto { flex-shrink: 0; }
.card1-info { flex: 1; min-width: 200px; }
.card1-apro { text-align: center; flex-shrink: 0; }
.card1-diff { text-align: center; flex-shrink: 0; }
.card1-badge { margin-left: auto; text-align: right; flex-shrink: 0; }

@media(max-width: 767px) {
    .card1-row { flex-direction: column; align-items: flex-start; gap: 14px; }
    .card1-apro, .card1-diff { width: 100%; border-top: 1px solid #eee; padding-top: 12px; }
    .card1-badge { width: 100%; text-align: left; margin-left: 0; }
    .edicion-badge { text-align: left; }
}

/* CARD 2 */
.apro-titulo{
    font-family: 'Oswald', sans-serif;
    font-size:1.3rem;font-weight:900;
    color:#2c5e97;text-align:center;
    text-transform:uppercase;letter-spacing:2px;
    margin-bottom:20px;
}
@media(min-width:768px){ .apro-titulo{font-size:1.7rem;} }
@media(min-width:992px){ .apro-titulo{font-size:1.9rem;} }

.donut-outer{ display:flex;flex-direction:column;align-items:center; }
.donut-canvas-wrap{ position:relative;width:200px;height:200px;margin:0 56px; }
@media(min-width:576px){ .donut-canvas-wrap{width:230px;height:230px;margin:0 60px;} }
@media(min-width:992px){ .donut-canvas-wrap{width:260px;height:260px;margin:0 66px;} }
.donut-canvas-wrap canvas{width:100%!important;height:100%!important;}

.donut-lbl-left{
    position:absolute;left:-58px;top:50%;
    transform:translateY(-50%);
    font-size:.95rem;font-weight:900;color:#ef4444;white-space:nowrap;
}
.donut-lbl-right{
    position:absolute;right:-62px;top:50%;
    transform:translateY(-50%);
    font-size:.95rem;font-weight:900;color:#22c55e;white-space:nowrap;
}
.ley-item{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;margin-bottom:5px;}
.ley-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;}

.hist-wrap{height:240px;position:relative;}
@media(min-width:768px){ .hist-wrap{height:300px;} }
@media(min-width:992px){ .hist-wrap{height:360px;} }

.btn-ver-mas{
    background:#91be33;color:#fff;
    border:none;border-radius:25px;
    padding:11px 44px;font-size:.95rem;font-weight:700;
    cursor:pointer;box-shadow:0 4px 14px rgba(145,190,51,.4);
    transition:transform .15s,box-shadow .15s;
    display:block;margin:22px auto 0;
}
.btn-ver-mas:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(145,190,51,.5);}
.btn-ver-mas.cerrar{background:#64748b;box-shadow:none;}

#seccion-parametros{display:none;}
#seccion-parametros.visible{display:block;animation:fadeUp .4s ease both;}

.param-bloque{
    background:#fff;border-radius:18px;
    box-shadow:0 4px 14px rgba(0,0,0,.07);
    padding:20px 22px;margin-bottom:20px;
    border-top:4px solid #91be33;
}
.param-titulo{
    font-family: 'Oswald', sans-serif;
    font-size:1.15rem;font-weight:900;
    text-align:center;margin-bottom:16px;
    color:#2c5e97;text-transform:uppercase;letter-spacing:1px;
    border-bottom:2px solid #91be33;padding-bottom:10px;
}

.preg-card-split {
    background: #f4f6f9;border-radius: 14px;
    padding: 16px 18px 14px;border: 1px solid #e5e7eb;
    overflow: hidden;
}
.preg-split-titulo {
    font-family: 'Oswald', sans-serif;
    font-size: .74rem;font-weight: 800;
    text-transform: uppercase;letter-spacing: .4px;
    color: #2c5e97;line-height: 1.4;margin-bottom: 14px;
    border-left: 3px solid #91be33;padding-left: 8px;text-align: left;
}
.preg-split-label {
    font-size: .7rem;font-weight: 700;
    text-transform: uppercase;letter-spacing: .5px;
    color: #94a3b8;margin-bottom: 8px;text-align: center;
}
/* ── PARÁMETROS: usan .hist-wrap igual que Aprobación Principal ── */
.hist-preg-vacio {
    display: flex; align-items: center; justify-content: center;
    height: 220px;
    color: #94a3b8; font-size: .8rem; font-style: italic; text-align: center;
}

.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#888;}
.spinner-cripeso{
    width:46px;height:46px;border:4px solid #ddd;border-top-color:#b5261e;
    border-radius:50%;animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.error-msg{text-align:center;padding:60px 20px;color:#ef4444;font-weight:700;font-size:1.1rem;}
.no-pdf { display: none !important; }

/* Chart.js maneja el canvas internamente — no sobreescribir sus dimensiones */
@keyframes pulso-badge {
    0%   { box-shadow: 0 0 0 0   rgba(145, 190, 51, 0.5); }
    70%  { box-shadow: 0 0 0 7px rgba(145, 190, 51, 0);   }
    100% { box-shadow: 0 0 0 0   rgba(145, 190, 51, 0);   }
}